{% extends "personal_center/blank-page.html" %}

{% block page_link %}

{% endblock %}


{% block style %}
    <style>
        .add_class{
            background: #1E90FF;
        }
    </style>
{% endblock %}


{% block left_body %}
    <div style="width: 100%;height: 50px;text-align: center;line-height: 50px;">
        <button style="width: 100%;height: 40px;background: #0d8ddb;border: #0d8ddb solid 1px;text-align: center;margin-top: 5px;line-height: 10px;color: white;" onclick="javascrtpt:window.location.href='send-message'"><i class="iconfont icon-jiashang"></i> 写邮件</button>
    </div>
    <ul style="width: 100%;padding:0;height: 90%;">
        <li id="communication-home" style="list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;display: none;">
            <a href="home.html" style="color: white;display:block;width: 100%;">
                <div style="display: inline-block;width: 30%;text-align: right;">
                    <i class="iconfont icon-gerenmenhu"></i>
                </div>
                <div style="display: inline-block;width: 60%;text-align: left;">
                    <p style="margin-left: 2%;">通信首页</p>
                </div>
            </a>
        </li>

{#        <li id="communication-write" style="list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;">#}
{#            <a href="send-message" style="color: white;display:block;width: 100%;">#}
{#                <div style="display: inline-block;width: 30%;text-align: right;">#}
{#                    <i class="iconfont icon-shouxinxiang"></i>#}
{#                </div>#}
{#                <div style="display: inline-block;width: 60%;text-align: left;">#}
{#                    <p style="margin-left: 2%;">写信</p>#}
{#                </div>#}
{#            </a>#}
{#        </li>#}


        <li id="communication-inbox" style="list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;">
            <a href="inbox.html" style="color: white;display:block;width: 100%;">
                <div style="display: inline-block;width: 30%;text-align: right;">
                    <i class="iconfont icon-shouxinxiang"></i>
                </div>
                <div style="display: inline-block;width: 60%;text-align: left;">
                    <p style="margin-left: 2%;">收信箱</p>
                </div>
            </a>
        </li>

        <li id="communication-sent" style="list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;">
            <a href="sent.html" style="color: white;display:block;width: 100%;">
                <div style="display: inline-block;width: 30%;text-align: right;">
                    <i class="iconfont icon-yifasong"></i>
                </div>
                <div style="display: inline-block;width: 60%;text-align: left;">
                    <p style="margin-left: 2%;">已发送</p>
                </div>
            </a>
        </li>

        <li id="communication-drafts" style="list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;">
            <a href="drafts.html" style="color: white;display:block;width: 100%;">
                <div style="display: inline-block;width: 30%;text-align: right;">
                    <i class="iconfont icon-caogaoxiang1"></i>
                </div>
                <div style="display: inline-block;width: 60%;text-align: left;">
                    <p style="margin-left: 2%;">草稿箱</p>
                </div>
            </a>
        </li>

        <li id="communication-deleted" style="list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;">
            <a href="deleted.html" style="color: white;display:block;width: 100%;">
                <div style="display: inline-block;width: 30%;text-align: right;">
                    <i class="iconfont icon-yishanchu"></i>
                </div>
                <div style="display: inline-block;width: 60%;text-align: left;">
                    <p style="margin-left: 2%;">已删除</p>
                </div>
            </a>
        </li>
    </ul>
{% endblock %}


{% block right_content %}

{% endblock %}
